;(function(window, $) {
  $(function() {
    // 客户是否中止申请
    var userCanceled = false
    //获取 客户详情
    var id = window.location.search.split('id=')[1]
    util.ajax({
      url: '/manager/customer/' + id,
      type: 'get',
      success: function(res) {
        console.log(res.data)
        userCanceled = Boolean(parseInt(res.data.canceled) === 1)
        var custObj = res.data

        var proname = $('<div class="channel-name"></div>')
          .html(
            '<span>' +
              custObj.dictInstitution.name +
              '-' +
              custObj.mdcLoanProduct.name +
              '</span>'
          )
          .appendTo($('.outdiv'))
        var outdiv = $('<div class="custom-info"></div>').appendTo($('.outdiv'))

        //中止申请

        var imgStop
        custObj.canceled == 1
          ? (imgStop = $(
              '<img src="http://img0.rongsue.com/images/channel/cancelBig.png" class="stopImg"/>'
            ).appendTo(outdiv))
          : (imgStop = $('<img class="stopImg"/>').appendTo(outdiv))

        console.log(custObj)
        var img = $('<img class="headshow"/>')
          .appendTo(outdiv)
          .attr('src', custObj.uacUserMember.user.avatar)
        var table = $('<table></table>').appendTo(outdiv)
        var tbody = $('<tbody></tbody>').appendTo(table)
        var tr1 = $('<tr></tr>').appendTo(tbody)
        var tr2 = $('<tr></tr>').appendTo(tbody)
        var tr3 = $('<tr></tr>').appendTo(tbody)
        var tr4 = $('<tr></tr>').appendTo(tbody)

        // first tr
        //姓名：

        var td11
        custObj.name == undefined
          ? (td11 = $('<td></td>')
              .html('姓名：' + '<span>' + '--' + '</span>')
              .appendTo(tr1))
          : (td11 = $('<td></td>')
              .html('姓名：' + '<span>' + custObj.name + '</span>')
              .appendTo(tr1))

        //电话：

        var td12 = $('<td></td>')
          .html(
            '电话：' + '<span>' + custObj.uacUserMember.user.phone + '</span>'
          )
          .appendTo(tr1)

        //年龄：

        var td13
        custObj.uacUserMember.user.age == undefined
          ? (td13 = $('<td></td>')
              .html('年龄：' + '<span>' + '--' + '</span>')
              .appendTo(tr1))
          : (td13 = $('<td></td>')
              .html(
                '年龄：' + '<span>' + custObj.uacUserMember.user.age + '</span>'
              )
              .appendTo(tr1))

        //身份：

        var prof = ['自由职业者', '个体户', '企业主', '上班族']
        if (custObj.uacUserMember.professional == undefined) {
          var td14 = $('<td></td>')
            .html('身份：' + '<span>' + '--' + '</span>')
            .appendTo(tr1)
        } else {
          var profnum = custObj.uacUserMember.professional
          var professional = prof[profnum]
          var td14 = $('<td></td>')
            .html('身份：' + '<span>' + professional + '</span>')
            .appendTo(tr1)
        }

        // second tr
        //房产：

        if (custObj.mdcLoanProduct.houseType == undefined) {
          var td21 = $('<td></td>')
            .html('房产：' + '<span>' + '--' + '</span>')
            .appendTo(tr2)
        } else if (custObj.mdcLoanProduct.houseType == 1) {
          var td21 = $('<td></td>')
            .html('房产：' + '<span>' + '有房' + '</span>')
            .appendTo(tr2)
        } else if (custObj.mdcLoanProduct.houseType == 0) {
          var td21 = $('<td></td>')
            .html('房产：' + '<span>' + '无房' + '</span>')
            .appendTo(tr2)
        }

        //车产：

        if (custObj.mdcLoanProduct.carType == undefined) {
          var td22 = $('<td></td>')
            .html('车产：' + '<span>' + '--' + '</span>')
            .appendTo(tr2)
        } else if (custObj.mdcLoanProduct.carType == 1) {
          var td22 = $('<td></td>')
            .html('车产：' + '<span>' + '有车' + '</span>')
            .appendTo(tr2)
        } else if (custObj.mdcLoanProduct.carType == 0) {
          var td22 = $('<td></td>')
            .html('车产：' + '<span>' + '无车' + '</span>')
            .appendTo(tr2)
        }

        // 月薪：

        var sal = ['2000以下', '2000-5000', '5000-10000', '10000以上']
        if (custObj.uacUserMember.salary == undefined) {
          var td23 = $('<td></td>')
            .html('月薪：' + '<span>' + '--' + '</span>')
            .appendTo(tr2)
        } else {
          var salnum = custObj.uacUserMember.salary
          var salary = sal[salnum]
          var td23 = $('<td></td>')
            .html('月薪：' + '<span>' + salary + '</span>')
            .appendTo(tr2)
        }

        //借款金额：

        var loanAmount = [
          '1万',
          '2万',
          '3万',
          '4万',
          '5万',
          '10万',
          '15万',
          '20万',
          '30万',
          '50万',
          '100万',
          '200万',
          '300万',
          '500万',
          '1000万'
        ]
        if (custObj.uacUserMember.loanAmount == undefined) {
          var td24 = $('<td></td>')
            .html('借款金额：' + '<span>' + '--' + '</span>')
            .appendTo(tr2)
        } else {
          var loanA = custObj.uacUserMember.loanAmount
          var money = loanAmount[loanA]
          var td24 = $('<td></td>')
            .html('借款金额：' + '<span>' + money + '</span>')
            .appendTo(tr2)
        }

        // third tr
        //借款期限：
        var loanTime = ['1年', '2年', '3年', '4年', '5年', '6年', '7年', '8年']
        if (custObj.uacUserMember.loanTime == undefined) {
          var td31 = $('<td></td>')
            .html('借款期限：' + '<span>' + '--' + '</span>')
            .appendTo(tr3)
        } else {
          var loanT = custObj.uacUserMember.loanTime
          var time = loanTime[loanT]
          var td31 = $('<td></td>')
            .html('借款期限：' + '<span>' + time + '</span>')
            .appendTo(tr3)
        }

        //还款方式：

        var payment = ['等额本金', '等额本息', '先息后本', '一次性还本付息']
        if (custObj.uacUserMember.payment == undefined) {
          var td32 = $('<td></td>')
            .html('还款方式：' + '<span>' + '--' + '</span>')
            .appendTo(tr3)
        } else {
          var payM = custObj.uacUserMember.payment
          var payWay = payment[payM]
          var td32 = $('<td></td>')
            .html('还款方式：' + '<span>' + payWay + '</span>')
            .appendTo(tr3)
        }

        //借款类型：

        var loanCont = ['信用', '车押', '房押', '质押']
        if (custObj.uacUserMember.loanType == undefined) {
          var td33 = $('<td></td>')
            .html('借款类型：' + '<span>' + '--' + '</span>')
            .appendTo(tr3)
        } else {
          var loanC = custObj.uacUserMember.loanType
          var loanType = loanCont[loanC]
          var td33 = $('<td></td>')
            .html('借款类型：' + '<span>' + loanType + '</span>')
            .appendTo(tr3)
        }

        //放款时效：

        var takeLoanT = [
          '一天以内',
          '三天以内',
          '五天以内',
          '半月以内',
          '一个月以内',
          '三个月以内'
        ]
        if (custObj.uacUserMember.takeLoanTimes == undefined) {
          var td34 = $('<td></td>')
            .html('放款时效：' + '<span>' + '--' + '</span>')
            .appendTo(tr3)
        } else {
          var takeLT = custObj.uacUserMember.takeLoanTimes
          var takeLoanTimes = takeLoanT[takeLT]
          var td34 = $('<td></td>')
            .html('放款时效：' + '<span>' + takeLoanTimes + '</span>')
            .appendTo(tr3)
        }

        //four tr
        //信用情况：

        var usercredit = ['优秀', '良好', '一般']
        if (custObj.uacUserMember.credit == undefined) {
          var td21 = $('<td></td>')
            .html('信用情况：' + '<span>' + '--' + '</span>')
            .appendTo(tr4)
        } else {
          var userC = custObj.uacUserMember.credit
          var credit = usercredit[userC]
          var td21 = $('<td></td>')
            .html('信用情况：' + '<span>' + credit + '</span>')
            .appendTo(tr4)
        }

        //婚否：

        if (custObj.uacUserMember.user.marryType == undefined) {
          var td22 = $('<td></td>')
            .html('婚否：' + '<span>' + '--' + '</span>')
            .appendTo(tr4)
        } else if (custObj.uacUserMember.user.marryType == 1) {
          var td22 = $('<td></td>')
            .html('婚否：' + '<span>' + '已婚' + '</span>')
            .appendTo(tr4)
        } else if (custObj.uacUserMember.user.marryType == 0) {
          var td22 = $('<td></td>')
            .html('婚否：' + '<span>' + '未婚' + '</span>')
            .appendTo(tr4)
        }

        //户籍：
        var td23
        custObj.uacUserMember.user.provinceName == undefined
          ? (td23 = $('<td colspan="2"></td>')
              .html('户籍：' + '<span>' + '--' + '</span>')
              .appendTo(tr4))
          : (td23 = $('<td colspan="2"></td>')
              .html(
                '户籍：' +
                  '<span>' +
                  custObj.uacUserMember.user.provinceName +
                  '-' +
                  custObj.uacUserMember.user.cityName +
                  '-' +
                  custObj.uacUserMember.user.address +
                  '</span>'
              )
              .appendTo(tr4))

        //获取当前进度
        var status = 140 + custObj.status * 220
        $('.custom-step-box-in').css('width', status) //把前面的变色
      }
    })

    //编辑 进度
    var turestatus
    $('.step-btn').on('click', function() {
      checkiscancel()
      if (userCanceled) {
        layer.alert('客户已中止申请', {
          skin: 'demo-class',
          closeBtn: 0
        })
        // alert('客户已中止申请')
        return
      }
      var status = $(this).data('name') //查看点击的第几个a
      var i = $('.custom-step-box-in').css('width')
      i = i.substring(0, i.length - 2)
      var truestep = (i - 140) / 220 //通过变色的长度计算目前处在的进度 --a值的大小
      if (status <= truestep) {
        //如果点击的status 小于等于目前的进度，则return，，因为进度不可逆。
        layer.alert('申请进度不可逆，请重试', {
          skin: 'demo-class',
          closeBtn: 0
        })
        // alert('申请进度不可逆，请重试')
        return
      } else {
        turestatus = status //添加变量，解决闭包
        var btnStatus
        $('#dialog').css('display', 'block') //弹框显示
        clickConfirm()
      }
    })
    // 编辑 end

    //检验客户在渠道进入该页面后中止了申请
    function checkiscancel() {
      var id = window.location.search.split('id=')[1]
      util.ajax({
        url: '/manager/customer/' + id,
        type: 'get',
        success: function(res) {
          console.log(res.data)
          if (res.data.canceled == 1) {
            layer.alert(
              '该客户更新了申请',
              {
                skin: 'demo-class',
                closeBtn: 0
              },
              function(index) {
                window.location.reload() //如果客户中止了申请 则刷新该页面
              }
            )
          }
        }
      })
    }

    //点击确定时
    function clickConfirm() {
      $('.btn').on('click', function() {
        //点击确定按钮时，将进度提交
        console.log($('.btn'))
        var btnStatus = $(this).data('name') //获取”确定“或”取消“按钮
        //yes
        if (btnStatus == 'yes') {
          //用户点击”确定“
          var truewidth = 140 + turestatus * 220
          $('.custom-step-box-in').css('width', truewidth) //把前面的变色
          $('#dialog').css('display', 'none') //弹框隐藏
          sendajax()
          $('.btn').unbind('click') //不加的话，会重复请求，因为确认和取消按钮的class都为btn
        } else if (btnStatus == 'no') {
          //用户点击”取消“
          $('#dialog').css('display', 'none') //弹框隐藏
          //no
          var status = -1
          return
        }
      })
    }

    //发送进度情况请求
    function sendajax() {
      var id = window.location.search.split('id=')[1]
      util.ajax({
        url: '/manager/customer/modifyStatus/' + id + '?status=' + turestatus,
        type: 'POST',
        success: function(res) {
          console.log(res)
        }
      })
    }
  })
})(window, jQuery)
